var dataDisplay = 
{
    "type": "flex",
    "className": "p-1 m-b-md",
    "items": [
        {
            "type": "container",
            "body": [
                {
                    "type": "grid",
                    "columns": [
                        {
                            "body": [
                                {
                                    "type": "image",
                                    "src": "./img/productIcon1.png",
                                    "id": "u:4f682582d767",
                                    "width": 60,
                                    "height": 60
                                }
                            ],
                            "id": "u:a5a2cb487674",
                            "md": "auto"
                        },
                        {
                            "body": [
                                {
                                    "type": "tpl",
                                    "tpl": "今日新增",
                                    "inline": true,
                                    "wrapperComponent": "",
                                    "id": "u:051b94ccd205"
                                },
                                {
                                    "type": "tpl",
                                    "tpl": "199,225",
                                    "inline": true,
                                    "wrapperComponent": "",
                                    "id": "u:9dd208d3f9ae",
                                    "style": {
                                        "fontFamily": "",
                                        "fontSize": 28,
                                        "color": "#000000",
                                        "fontWeight": "bold"
                                    }
                                }
                            ],
                            "id": "u:69cd17f1fe9c",
                            "valign": "middle",
                            "md": "auto",
                            "columnClassName": "m-l"
                        }
                    ],
                    "id": "u:45a66af3ec41",
                    "align": "center",
                    "valign": "middle",
                    "gap": "none"
                }
            ],
            "size": "xs",
            "style": {
                "position": "static",
                "display": "block",
                "flex": "0 0 150px",
                "overflowX": "auto",
                "flexBasis": "23%",
                "padding": "30px 0"
            },
            "wrapperBody": false,
            "isFixedHeight": false,
            "isFixedWidth": false,
            "id": "u:1491bd56b89a",
            "className": "bg-white r"
        },
        {
            "type": "container",
            "body": [
                {
                    "type": "grid",
                    "columns": [
                        {
                            "body": [
                                {
                                    "type": "image",
                                    "id": "u:40d2afdfcd5c",
                                    "src": "./img/productIcon2.png",
                                    "width": 60,
                                    "height": 60
                                }
                            ],
                            "id": "u:7c2bb4eb4ad5",
                            "md": "auto"
                        },
                        {
                            "body": [
                                {
                                    "type": "tpl",
                                    "tpl": "今日新增",
                                    "inline": true,
                                    "wrapperComponent": "",
                                    "id": "u:4f21ab490519"
                                },
                                {
                                    "type": "tpl",
                                    "tpl": "199,225",
                                    "inline": true,
                                    "wrapperComponent": "",
                                    "id": "u:641f1c3665d0",
                                    "style": {
                                        "fontFamily": "",
                                        "fontSize": 28,
                                        "color": "#000000",
                                        "fontWeight": "bold"
                                    }
                                }
                            ],
                            "id": "u:cb88637c9f76",
                            "valign": "middle",
                            "md": "auto",
                            "columnClassName": "m-l"
                        }
                    ],
                    "id": "u:356779394270",
                    "align": "center",
                    "valign": "middle",
                    "gap": "none"
                }
            ],
            "size": "xs",
            "style": {
                "position": "static",
                "display": "block",
                "flex": "0 0 150px",
                "overflowX": "auto",
                "flexBasis": "23%",
                "padding": "30px 0"
            },
            "wrapperBody": false,
            "isFixedHeight": false,
            "isFixedWidth": false,
            "id": "u:57877f4f49d5",
            "className": "bg-white r p"
        },
        {
            "type": "container",
            "body": [
                {
                    "type": "grid",
                    "columns": [
                        {
                            "body": [
                                {
                                    "type": "image",
                                    "id": "u:fbfbe3320b3a",
                                    "src": "./img/productIcon3.png",
                                    "width": 60,
                                    "height": 60
                                }
                            ],
                            "id": "u:bb58fffdd3dc",
                            "md": "auto"
                        },
                        {
                            "body": [
                                {
                                    "type": "tpl",
                                    "tpl": "今日新增",
                                    "inline": true,
                                    "wrapperComponent": "",
                                    "id": "u:b5d0a7bf4542"
                                },
                                {
                                    "type": "tpl",
                                    "tpl": "199,225",
                                    "inline": true,
                                    "wrapperComponent": "",
                                    "id": "u:e6db669c0f9c",
                                    "style": {
                                        "fontFamily": "",
                                        "fontSize": 28,
                                        "color": "#000000",
                                        "fontWeight": "bold"
                                    }
                                }
                            ],
                            "id": "u:ccc5562ef47b",
                            "valign": "middle",
                            "md": "auto",
                            "columnClassName": "m-l"
                        }
                    ],
                    "id": "u:cabad953f443",
                    "align": "center",
                    "valign": "middle",
                    "gap": "none"
                }
            ],
            "size": "xs",
            "style": {
                "position": "static",
                "display": "block",
                "flex": "0 0 150px",
                "overflowX": "auto",
                "flexBasis": "23%",
                "padding": "30px 0"
            },
            "wrapperBody": false,
            "isFixedHeight": false,
            "isFixedWidth": false,
            "id": "u:0826ed722df6",
            "className": "bg-white r p"
        },
        {
            "type": "container",
            "body": [
                {
                    "type": "grid",
                    "columns": [
                        {
                            "body": [
                                {
                                    "type": "image",
                                    "id": "u:c50b8da69064",
                                    "src": "./img/productIcon1.png",
                                    "width": 60,
                                    "height": 60
                                }
                            ],
                            "id": "u:e31940bc7695",
                            "md": "auto"
                        },
                        {
                            "body": [
                                {
                                    "type": "tpl",
                                    "tpl": "今日新增",
                                    "inline": true,
                                    "wrapperComponent": "",
                                    "id": "u:d9a056d04f30"
                                },
                                {
                                    "type": "tpl",
                                    "tpl": "199,225",
                                    "inline": true,
                                    "wrapperComponent": "",
                                    "id": "u:4bdd0f5f9702",
                                    "style": {
                                        "fontFamily": "",
                                        "fontSize": 28,
                                        "color": "#000000",
                                        "fontWeight": "bold"
                                    }
                                }
                            ],
                            "id": "u:d7b4fbb72fdc",
                            "valign": "middle",
                            "md": "auto",
                            "columnClassName": "m-l"
                        }
                    ],
                    "id": "u:7f05f90f3347",
                    "align": "center",
                    "valign": "middle",
                    "gap": "none"
                }
            ],
            "size": "xs",
            "style": {
                "position": "static",
                "display": "block",
                "flex": "0 0 150px",
                "overflowX": "auto",
                "flexBasis": "23%",
                "padding": "30px 0"
            },
            "wrapperBody": false,
            "isFixedHeight": false,
            "isFixedWidth": false,
            "id": "u:771ccd282c1e",
            "className": "bg-white r p"
        }
    ],
    "style": {
        "position": "static",
        "flexWrap": "nowrap"
    },
    "direction": "row",
    "justify": "space-between",
    "alignItems": "stretch",
    "id": "u:164d620bed58",
    "isFixedHeight": false,
    "isFixedWidth": false
}